<template>
  <div class="my-dialog">
    <vxe-modal
      show-footer
      show-confirm-button
      show-cancel-button
      show-zoom
      title="详细信息"
      resize
      :lock-view="false"
      :mask="false"
      v-model="visible"
      confirm-button-text="自定义确认"
      cancel-button-text="自定义取消"
      :width="340"
      :height="400"
      @close="handleClose"
      size="small"
      :position="{
        top: 40,
        left: 15,
      }"
    >
      <div>名称：{{ data.name }}</div>
      <div>作战方：{{ data.side == 1 ? "红方" : "蓝方" }}</div>
    </vxe-modal>
  </div>
</template>

<script>
export default {
  name: "EntityRightMenu",
  data() {
    return {
      visible: false,
      data: {
        name: "xxx",
        side: 1,
      },
    };
  },
  mounted() {},
  methods: {
    open(data) {
      this.visible = true;
      this.data = data;
    },
    handleClose() {
      this.visible = false;
      this.$emit("menuClose", "entityManageRef");
    },
  },
};
</script>

<style scoped lang="scss"></style>
